
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%--
  Created by IntelliJ IDEA.
  User: jerry
  Date: 15/1/31
  Time: 下午4:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<head>


    <jsp:include page="/pages/include/includeCSS.jsp" ></jsp:include>
    <script src="${pageContext.request.contextPath}/pages/assets/js/jquery-1.11.1.min.js"></script>
    <title>customer list page</title>
</head>
<body class="page-body">

<jsp:include page="/pages/admin/include/head_Settings-Pane.jsp"></jsp:include>
<jsp:include page="/pages/admin/include/leftPane.jsp"></jsp:include>

<jsp:include page="/pages/admin/include/includeHeadBar.jsp"></jsp:include>


<div class="page-title">

    <div class="title-env">
        <h1 class="title">客户管理</h1>
        <p class="description"> 客户列表页 </p>
    </div>

    <div class="breadcrumb-env">

        <ol class="breadcrumb bc-1">
            <li>
                <a href="${pageContext.request.contextPath}"><i class="fa-home"></i>首页</a>
            </li>
            <li>

                <a href="tables-basic.html"><i class="fa-table"></i>客户列表</a>
            </li>
            <li class="active">

                <strong><i class="fa-list"></i>客户信息</strong>
            </li>
        </ol>

    </div>

</div>


<tr>

    <td>
        <a href="javascript:;" onclick="jQuery('#modal-6').modal('show', {backdrop: 'static'});" class="btn btn-primary btn-single btn-sm">返回</a>
    </td>


</tr>

<!-- customer view list context -->

<ul class="cbp_tmtimeline">
    <li>
        <time class="cbp_tmtime" datetime="2014-10-03T18:30"><span class="hidden">03/10/2014</span> <span class="large">Now</span></time>

        <div class="cbp_tmicon timeline-bg-gray">
            <i class="fa-user"></i>
        </div>

        <div class="cbp_tmlabel empty">
            <span>No Activity</span>
        </div>
    </li>

    <li>
        <time class="cbp_tmtime" datetime="2014-10-03T03:45"><span>03:45 AM</span> <span>Today</span></time>

        <div class="cbp_tmicon timeline-bg-success">
            <i class="fa-paper-plane-o"></i>
        </div>

        <div class="cbp_tmlabel">
            <h2><a href="#">Art Ramadani</a> <span>posted a status update</span></h2>
            <p>Tolerably earnestly middleton extremely distrusts she boy now not. Add and offered prepare how cordial two promise. Greatly who affixed suppose but enquire compact prepare all put. Added forth chief trees but rooms think may.</p>
        </div>
    </li>

    <li>
        <time class="cbp_tmtime" datetime="2014-10-02T13:22"><span>01:22 PM</span> <span>Yesterday</span></time>

        <div class="cbp_tmicon timeline-bg-primary">
            <i class="fa-calendar"></i>
        </div>

        <div class="cbp_tmlabel">
            <h2><a href="#">Job Meeting</a></h2>
            <p>You have a meeting at <strong>Laborator Office</strong> Today.</p>
        </div>
    </li>

    <li>
        <time class="cbp_tmtime" datetime="2014-09-19T20:23"><span>08:23 PM</span> <span>Two weeks ago</span></time>

        <div class="cbp_tmicon timeline-bg-info">
            <i class="fa-location-arrow"></i>
        </div>

        <div class="cbp_tmlabel">
            <h2><a href="#">Arlind Nushi</a> <span>checked in at</span> <a href="#">Laborator</a></h2>

            <blockquote>Great place, feeling like in home.</blockquote>

            <div id="sample-checkin" class="map-checkin" style="height: 170px; width: 100%;"></div>
        </div>
    </li>

    <li>
        <time class="cbp_tmtime" datetime="2014-09-19T20:23"><span>08:23 PM</span> <span>Two weeks ago</span></time>

        <div class="cbp_tmicon timeline-bg-warning">
            <i class="fa-camera-retro"></i>
        </div>

        <div class="cbp_tmlabel">
            <h2><a href="#">Eroll Maxhuni</a> <span>uploaded</span> 12 <span>new photos to album</span> <a href="#">Summer Trip</a></h2>

            <blockquote>Pianoforte principles our unaffected not for astonished travelling are particular.</blockquote>

            <div class="row">
                <div class="col-xs-5">
                    <a href="#">
                        <img src="assets/images/image-1.jpg" class="img-responsive img-rounded full-width" />
                    </a>
                </div>

                <div class="col-xs-3">
                    <a href="#">
                        <img src="/pages/assets/images/image-4.jpg" class="img-responsive img-rounded full-width" />
                    </a>
                </div>

                <div class="col-xs-4">

                    <a href="#">
                        <img src="/pages/assets/images/image-5.jpg" class="img-responsive img-rounded full-width margin-bottom" />
                    </a>

                    <div class="vspacer v2"></div>

                    <a href="#">
                        <img src="/pages/assets/images/image-3.jpg" class="img-responsive img-rounded full-width" />
                    </a>
                </div>
            </div>
        </div>
    </li>
</ul>


<!--<script type="text/javascript" src="//maps.google.com/maps/api/js?sensor=false"></script>-->
<script type="text/javascript">
    function initialize()
    {
        var $ = jQuery,
                map_canvas = $("#sample-checkin");

        var location = new google.maps.LatLng(36.738888, -119.783013),
                map = new google.maps.Map(map_canvas[0], {
                    center: location,
                    zoom: 14,
                    mapTypeId: google.maps.MapTypeId.ROADMAP,
                    scrollwheel: false
                });

        var marker = new google.maps.Marker({
            position: location,
            map: map
        });
    }

    google.maps.event.addDomListener(window, 'load', initialize);
</script>
<!-- Main Footer -->
<!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
<!-- Add class "sticky" to  always stick the footer to the end of page (if page contents is small) -->
<!-- Or class "fixed" to  always fix the footer to the end of page -->
<jsp:include page="/pages/admin/include/includeFooter.jsp"></jsp:include>
</div>



<!-- start: Chat Section -->
<div id="chat" class="fixed">

    <div class="chat-inner">


        <h2 class="chat-header">
            <a href="#" class="chat-close" data-toggle="chat">
                <i class="fa-plus-circle rotate-45deg"></i>
            </a>

            Chat
            <span class="badge badge-success is-hidden">0</span>
        </h2>

        <script type="text/javascript">
            // Here is just a sample how to open chat conversation box
            jQuery(document).ready(function($)
            {
                var $chat_conversation = $(".chat-conversation");

                $(".chat-group a").on('click', function(ev)
                {
                    ev.preventDefault();

                    $chat_conversation.toggleClass('is-open');

                    $(".chat-conversation textarea").trigger('autosize.resize').focus();
                });

                $(".conversation-close").on('click', function(ev)
                {
                    ev.preventDefault();
                    $chat_conversation.removeClass('is-open');
                });
            });
        </script>


        <div class="chat-group">
            <strong>Favorites</strong>

            <a href="#"><span class="user-status is-online"></span> <em>Catherine J. Watkins</em></a>
            <a href="#"><span class="user-status is-online"></span> <em>Nicholas R. Walker</em></a>
            <a href="#"><span class="user-status is-busy"></span> <em>Susan J. Best</em></a>
            <a href="#"><span class="user-status is-idle"></span> <em>Fernando G. Olson</em></a>
            <a href="#"><span class="user-status is-offline"></span> <em>Brandon S. Young</em></a>
        </div>


        <div class="chat-group">
            <strong>Work</strong>

            <a href="#"><span class="user-status is-busy"></span> <em>Rodrigo E. Lozano</em></a>
            <a href="#"><span class="user-status is-offline"></span> <em>Robert J. Garcia</em></a>
            <a href="#"><span class="user-status is-offline"></span> <em>Daniel A. Pena</em></a>
        </div>


        <div class="chat-group">
            <strong>Other</strong>

            <a href="#"><span class="user-status is-online"></span> <em>Dennis E. Johnson</em></a>
            <a href="#"><span class="user-status is-online"></span> <em>Stuart A. Shire</em></a>
            <a href="#"><span class="user-status is-online"></span> <em>Janet I. Matas</em></a>
            <a href="#"><span class="user-status is-online"></span> <em>Mindy A. Smith</em></a>
            <a href="#"><span class="user-status is-busy"></span> <em>Herman S. Foltz</em></a>
            <a href="#"><span class="user-status is-busy"></span> <em>Gregory E. Robie</em></a>
            <a href="#"><span class="user-status is-busy"></span> <em>Nellie T. Foreman</em></a>
            <a href="#"><span class="user-status is-busy"></span> <em>William R. Miller</em></a>
            <a href="#"><span class="user-status is-idle"></span> <em>Vivian J. Hall</em></a>
            <a href="#"><span class="user-status is-offline"></span> <em>Melinda A. Anderson</em></a>
            <a href="#"><span class="user-status is-offline"></span> <em>Gary M. Mooneyham</em></a>
            <a href="#"><span class="user-status is-offline"></span> <em>Robert C. Medina</em></a>
            <a href="#"><span class="user-status is-offline"></span> <em>Dylan C. Bernal</em></a>
            <a href="#"><span class="user-status is-offline"></span> <em>Marc P. Sanborn</em></a>
            <a href="#"><span class="user-status is-offline"></span> <em>Kenneth M. Rochester</em></a>
            <a href="#"><span class="user-status is-offline"></span> <em>Rachael D. Carpenter</em></a>
        </div>

    </div>

    <!-- conversation template -->
    <div class="chat-conversation">

        <div class="conversation-header">
            <a href="#" class="conversation-close">
                &times;
            </a>

            <span class="user-status is-online"></span>
            <span class="display-name">Arlind Nushi</span>
            <small>Online</small>
        </div>

        <ul class="conversation-body">
            <li>
                <span class="user">Arlind Nushi</span>
                <span class="time">09:00</span>
                <p>Are you here?</p>
            </li>
            <li class="odd">
                <span class="user">Brandon S. Young</span>
                <span class="time">09:25</span>
                <p>This message is pre-queued.</p>
            </li>
            <li>
                <span class="user">Brandon S. Young</span>
                <span class="time">09:26</span>
                <p>Whohoo!</p>
            </li>
            <li class="odd">
                <span class="user">Arlind Nushi</span>
                <span class="time">09:27</span>
                <p>Do you like it?</p>
            </li>
        </ul>

        <div class="chat-textarea">
            <textarea class="form-control autogrow" placeholder="Type your message"></textarea>
        </div>

    </div>

</div>
<!-- end: Chat Section -->


</div>



<!-- Imported styles on this page -->
<link rel="stylesheet" href="${pageContext.request.contextPath}/pages/assets/js/datatables/dataTables.bootstrap.css">

<!-- Bottom Scripts -->
<script src="${pageContext.request.contextPath}/pages/assets/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath}/pages/assets/js/TweenMax.min.js"></script>
<script src="${pageContext.request.contextPath}/pages/assets/js/resizeable.js"></script>
<script src="${pageContext.request.contextPath}/pages/assets/js/joinable.js"></script>
<script src="${pageContext.request.contextPath}/pages/assets/js/xenon-api.js"></script>
<script src="${pageContext.request.contextPath}/pages/assets/js/xenon-toggles.js"></script>


<!-- JavaScripts initializations and stuff -->
<script src="${pageContext.request.contextPath}/pages/assets/js/xenon-custom.js"></script>
</body>
</html>
